/*
 *  埼玉ダイハツ カスタマイズ用スタイル
 *
 */

/******************************
  * 汎用スタイル
  ******************************/
@media only screen and (max-width: 499px) {
    .invisible--sp {
        display: none !important
    }
    .bodyclass.page-second .component ul.indent-a.indent-b > li {
        margin-left: 1.3em;
        text-indent: -1.3em;
    }
    .bodyclass.page-second .component ul.indent-a.indent-c > li {
        margin-left: 2.3em;
        text-indent: -2.2em;
    }
}

@media only screen and (min-width: 500px) and (max-width:1279px) {
    .invisible--tb {
        display: none !important
    }
}

@media only screen and (min-width: 1280px) {
    .invisible--pc {
        display: none !important
    }
}

@media only screen and (max-width:499px) {
    .invisible--w768 {
        display: none
    }
}

@media only screen and (max-width:1279px) {
    .invisible--w1280 {
        display: none
    }
}

.w_full {
    width: 100%;
}

.cautionText:before {
    content: "※";
    padding: 0 0.25em 0 0;
}

.page-second .flowGroup-mt1em {
    margin-top: 1.5em
}

@media only screen and (max-width:499px) {
    .page-second .flowGroup-mt1em {
        margin-top: 1em
    }
}

.page-second .flowGroup-mt2em {
    margin-top: 3em
}

@media only screen and (max-width:499px) {
    .page-second .flowGroup-mt2em {
        margin-top: 2em
    }
}

.page-second .flowGroup-mt3em {
    margin-top: 5em
}

@media only screen and (max-width:499px) {
    .page-second .flowGroup-mt3em {
        margin-top: 4em
    }
}

.indent-a li>.sec-snippet-h4 h4 {
    text-indent: 0;
}

.page-second .insideBox {
    padding: 1em 0;
    text-indent: 0
}

.downaloadPdf a {
    padding: 1em 2em;
    border: 1px solid #d9d9d9;
    display: inline-block;
}

.downaloadPdf a span {
    padding: 1em 6em 1em 0;
    display: block;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 51px;
}

.icn.icn--downloadpdf {
    background-image: url("/-/media/Project/Dmc Tenants/DD Tenant/saitama/dealer/public/icn-downloadpdf.png");
}

.btn.btn-danger:hover {
    opacity: 0.8;
}

/******************************
  * ヘッダー
  ******************************/

.head-businesshours {
    position: absolute;
    top: 4px;
    left: -92px;
}

.bodyclass.page-second .component p.businesshours-open,
.bodyclass.page-second .component p.businesshours-close,
.bodyclass.page-second .component a.head-calendar span {
    font-size: 12px;
}

a.head-calendar {
    margin: 0 0 0 1em;
    display: inline-block;
    padding: 0.25em 1em;
    background: #d31518;
    color: #ffffff;
    border-radius: 15px;
    vertical-align: baseline;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media screen and (max-width: 896px) {
    .head-businesshours {
        position: static;
        display: flex;
        align-items: center;
        padding-bottom: 0.5em;
    }

    .head-businesshours p {
        white-space: nowrap;
    }

    .head-businesshours p.businesshours-open {
        margin-right: 1em;
    }

    #header .head-global-menu.is-open {
        z-index: 21;
    }
}

@media screen and (min-width: 897px) {
    #header .head-global-menu .navigation.navigation-main nav>ul.clearfix {
        flex-wrap: wrap;
        justify-content: left;
    }

    #header .head-global-menu .navigation.navigation-main nav .sxaToogleNavBtn ul.sxaWrappedList {
        display: flex !important;
        margin-top: 1em;
    }
}

/******************************
  * フッター
  ******************************/
@media only screen and (max-width:499px) {
    #footer .container-fluid {
        margin-top: 20px !important;
    }

}

/******************************
  * FAQ
  ******************************/

.verticalList--faq .faqItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.verticalList--faq .faqItem dt {
    -ms-flex-preferred-size: 50px;
    flex-basis: 50px;
    max-width: 50px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.verticalList--faq .faqItem dt span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 50px;
    font-family: 'Roboto', sans-serif;
    color: #ffffff
}

.verticalList--faq .faqItem dd {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    margin: 0 0 0 20px
}

.verticalList--faq .faqItem--q dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.3;
    text-align: justify;
    font-weight: 700;
    color: #71c98e;
}

.verticalList--faq .faqItem--a dd {
    margin-top: 10px;
    text-align: justify;
    line-height: 2
}

.verticalList--faq-clrset-ucar .faqItem--q dt span {
    background: #e1241b
}

.verticalList--faq-clrset-ucar .faqItem--a dt span {
    background: #cccccc
}

/******************************
  * ローカルナビ共通
  ******************************/

.contentsBlock--pageBottom .localNavi {
    margin: 100px 0 0
}

@media only screen and (max-width:1279px) {
    .contentsBlock--pageBottom .localNavi {
        margin: 3.5vw 0 0
    }
}

@media only screen and (max-width:499px) {
    .contentsBlock--pageBottom .localNavi {
        margin: 6.5vw 0 0
    }
}

.contentsBlock--pageBottom .localNavi ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:499px) {
    .contentsBlock--pageBottom .localNavi ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.contentsBlock--pageBottom .localNavi ul li {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
}

@media only screen and (max-width:499px) {
    .contentsBlock--pageBottom .localNavi ul li {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

.contentsBlock--pageBottom .localNavi ul li+li {
    border-left: 1px solid #ffffff
}

@media only screen and (max-width:499px) {
    .contentsBlock--pageBottom .localNavi ul li+li {
        border-left: none;
        border-top-width: 1px;
        border-top-style: solid
    }
}

.contentsBlock--pageBottom .localNavi ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    padding: 45px 5px;
    line-height: 1.3;
    background: #dddddd;
    text-align: center
}

@media only screen and (max-width:1279px) {
    .contentsBlock--pageBottom .localNavi ul li a {
        font-size: 1.95vw;
        padding: 3.15vw 0.35vw
    }
}

@media only screen and (max-width:499px) {
    .contentsBlock--pageBottom .localNavi ul li a {
        font-size: 3.64vw;
        padding: 5.2vw 0.65vw
    }
}

.contentsBlock--pageBottom .localNavi ul li a.current {
    background: #666666
}

@media only screen and (min-width:1280px) {
    .contentsBlock--pageBottom .localNavi ul li a:hover {
        background-color: #666666
    }
}

.contentsBlock--pageBottom .localNavi ul.localNavi--col2 li {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

@media only screen and (max-width:499px) {
    .contentsBlock--pageBottom .localNavi ul.localNavi--col2 li {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

.contentsBlock--pageBottom .localNavi ul.localNavi--col3 li {
    -ms-flex-preferred-size: 33.3333%;
    flex-basis: 33.3333%;
    -ms-flex-preferred-size: calc(100%/3);
    flex-basis: calc(100%/3);
    max-width: 33.3333%;
    max-width: calc(100%/3)
}

@media only screen and (max-width:499px) {
    .contentsBlock--pageBottom .localNavi ul.localNavi--col3 li {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

.contentsBlock--pageBottom .localNavi ul.localNavi--col5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.contentsBlock--pageBottom .localNavi ul.localNavi--col5 li {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    -ms-flex-preferred-size: calc(100%/5);
    flex-basis: calc(100%/5);
    max-width: 20%;
    max-width: calc(100%/5)
}

@media only screen and (max-width:499px) {

    .contentsBlock--pageBottom .localNavi ul.localNavi--col5 li:first-child,
    .contentsBlock--pageBottom .localNavi ul.localNavi--col5 li:nth-child(2),
    .contentsBlock--pageBottom .localNavi ul.localNavi--col5 li:nth-child(3),
    .contentsBlock--pageBottom .localNavi ul.localNavi--col5 li:nth-child(4),
    .contentsBlock--pageBottom .localNavi ul.localNavi--col5 li:nth-child(5) {
        border-bottom: none
    }
}

.contentsBlock--pageBottom .localNavi ul.localNavi--col8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.contentsBlock--pageBottom .localNavi ul.localNavi--col8 li:first-child,
.contentsBlock--pageBottom .localNavi ul.localNavi--col8 li:nth-child(2),
.contentsBlock--pageBottom .localNavi ul.localNavi--col8 li:nth-child(3),
.contentsBlock--pageBottom .localNavi ul.localNavi--col8 li:nth-child(4),
.contentsBlock--pageBottom .localNavi ul.localNavi--col8 li:nth-child(5) {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

@media only screen and (max-width:499px) {

    .contentsBlock--pageBottom .localNavi ul.localNavi--col8 li:first-child,
    .contentsBlock--pageBottom .localNavi ul.localNavi--col8 li:nth-child(2),
    .contentsBlock--pageBottom .localNavi ul.localNavi--col8 li:nth-child(3),
    .contentsBlock--pageBottom .localNavi ul.localNavi--col8 li:nth-child(4) {
        border-bottom: none
    }
}

.contentsBlock--pageBottom .localNavi ul.localNavi--col2 span.cmnIcn--outerLink {
    position: relative;
    display: inline-block;
    padding-right: 1.5em;
    font-size: 20px;
}

@media only screen and (max-width:1279px) {
    .contentsBlock--pageBottom .localNavi ul.localNavi--col2 span.cmnIcn--outerLink {
        font-size: 1.95vw;
    }
}

@media only screen and (max-width:499px) {
    .contentsBlock--pageBottom .localNavi ul.localNavi--col2 span.cmnIcn--outerLink {
        font-size: 3.64vw;
    }
}

.contentsBlock--pageBottom .localNavi ul.localNavi--col2 span.cmnIcn--outerLink.cmnIcn--block {
    display: block;
}

.contentsBlock--pageBottom .localNavi ul.localNavi--col2 span.cmnIcn--outerLink:after,
.contentsBlock--pageBottom .localNavi ul.localNavi--col2 span.cmnIcn--outerLink:before {
    content: "";
    position: absolute;
    top: 0.4em;
    right: 0;
    width: 0.75em;
    height: 0.6em;
    border-width: 1px;
    border-style: solid;
    z-index: 1
}

.contentsBlock--pageBottom .localNavi ul.localNavi--col2 span.cmnIcn--outerLink:before {
    margin: 3px 0 0;
    right: 3px;
    border-top: none;
    border-right: none
}

/******************************
  * 車を買われる方　共通
  ******************************/


.support .foundTtl {
    color: #ffffff;
    font-size: 20px;
    padding: 15px
}

@media only screen and (max-width: 1279px) {
    .support .foundTtl {
        font-size: 2.34vw;
        padding: 1.05vw
    }
}

@media only screen and (max-width: 767px) {
    .support .foundTtl {
        font-size: 4vw;
        padding: 2vw
    }
}

.support .foundTtl.clr-green {
    background: #71c98e
}

.support .foundTtl .big {
    font-size: 25px;
    padding: 0 1em 0 0
}

@media only screen and (max-width: 1279px) {
    .support .foundTtl .big {
        font-size: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .support .foundTtl .big {
        display: block;
        padding: 0 0 0.15em;
        font-size: 4.66vw
    }
}

.support .contentsBlock--pageBottom .localNavi ul li {
    border-color: #71c98e
}

.support .contentsBlock--pageBottom .localNavi ul li a {
    background: #a5e6bb;
    max-width: unset;
}

.support .contentsBlock--pageBottom .localNavi ul li a.current {
    background: #71c98e
}

@media only screen and (min-width:1280px) {
    .support .contentsBlock--pageBottom .localNavi ul li a:hover {
        background-color: #71c98e
    }
}

@media screen and (max-width: 896px) {
    .bodyclass.page-second.support .block-sumapake-nav a {
        width: 50% !important;
    }
}


/******************************
  * アコーディオン　共通
  ******************************/
dl.accordion-custom dd {
    display: none;
}

dl.accordion-custom dt.open+dd {
    display: block;
}

/******************************
  * メニュー　共通
  ******************************/
.bodyclass.page-second .page-list .items .item .field-image {
    height: 240px;
}

@media screen and (max-width: 896px) {
    .bodyclass.page-second .page-list .items .item .field-image {
        height: 60vw;
    }
}

/******************************
  * 記事ページ用
  ******************************/
p[style*="text-align: center"] img {
    display: inline-block;
}

/* ブログ記事一覧 */
.allblog.bodyclass.page-second .page-list .items .item .field-shop-name {
    top: 257px;
}

@media screen and (max-width: 896px) {
    .allblog.bodyclass.page-second .page-list .items .item .field-shop-name {
        top: 61.8vw;
    }
}
@media screen and (max-width: 450px) {
    .allblog.bodyclass.page-second .page-list .items .item .field-shop-name {
        top: 63.4vw;
    }
}

.bodyclass.page-second .component .component-content span span {
    font-size: inherit;
}